<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">

    <c:set var="root" value="#{request.contextPath}" />

    <h:head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="#{root}/resources/css/bootstrap.css" rel="stylesheet" type="text/css" />
        <h:outputScript library="primefaces" name="jquery/jquery.js" />
        <!--<script src="#{root}/resources/js/jquery.min.js" type="text/javascript"></script>-->
        <script src="#{root}/resources/js/bootstrap.min.js" type="text/javascript"></script>
        <title>Facelets Template</title>
        <style type="text/css">
            body {
                padding-top: 40px;
            }
            @media (max-width: 980px) {
                body {
                    padding-top: 0px;
                }
            }
        </style>
        <ui:insert name="head">
        </ui:insert>
    </h:head>

    <h:body>

        <h:form>
            <div class="navbar navbar-inverse navbar-fixed-top" >
                <div class="navbar-inner">
                    <div class="container-fluid">
                        <a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </a>
                        <h:commandLink action="managerHome" styleClass="brand">jSale</h:commandLink>
                        <div class="nav-collapse navbar-responsive-collapse collapse" style="height: 0px;">
                            <ui:insert name="topComponents"/>
                        </div>
                    </div>
                </div>
            </div>
        </h:form>

        <div class="container-fluid">
            <div class="row-fluid">
                <ui:insert name="content">
                    <div class="well">content</div>
                </ui:insert>
            </div>
        </div>


        <div class="navbar navbar-fixed-bottom" >
            <div class="navbar-inner">
                <div class="container-fluid">
                    <ul class="nav pull-right">
                        <li><a href="#">Hutech09</a></li>
                    </ul>
                </div>
            </div>
        </div>


    </h:body>

</html>
